<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios常用配置以及默认配置</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
  </head>
  <body>
    <script>
      //配置对象
      // 本身就是一个对象, 包含了一些与请求相关的讯息
      // axios(config)
      // axios.get(url [,config])   axios.delete(url [,config])
      // axios.post(url,[,data[, config]])  axios.put(url,[,data[, config]])   axios.patch(url,[,data[, config]])

      //配置对象常用的属性 『重要』
      /**
       * method  设置请求方法『类型』
       * url     设置请求的 URL
       * params  设置 URL 的查询字符串
       * baseURL 基础 URL 内容, 为了简化 URL 的书写
       *
       * headers 设置请求头
       *
       * data    设置请求体
       *
       * timeout 设置超时时间
       */

      //为 axios 设置默认的配置
      axios.defaults.baseURL = "http://127.0.0.1:3000"; //基础 URL
      axios.defaults.timeout = 3000;

      //演示 baseURL
      //   axios({
      //     url: "/book"
      //   }).then((res) => {
      //     console.log(res.data);
      //   });

      //   //获取单个的书籍
      //   axios.get('/book/8').then(v => {
      //     console.log(v.data);
      //   });

      //请求头的演示  token: 123456789      setRequestHeader
      axios
        .get("/book", {
          headers: {
            token: 123456789,
          },
        })
        .then((response) => {
          console.log(response.data);
        });
    </script>
  </body>
</html>
